<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/pay.css" />
		<title>支付页</title>
	</head>
	<body>
		<!--header-->
		<div class="header">
			<div class="header_top">
				<div class="container">
					<ul class="nav nav-pills">
						<li><a href="login.html">登陆</a></li>
						<li><a href="Registration.html">免费注册</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!--header end-->
		
		<!--content-->
		<div class="content">
			<div class="container">
				<div class="logo">
					<a href="index.html"><img src="img/logo_02.png" alt="logo_02" class="img-responsive" /></a>
				</div>
				<div class="sm_nav navbar-header">
			        <button type="button" class="btn navbar-toggle" data-toggle="collapse" data-target="#example-navbar-collapse">
				        <span class="icon-style"></span>
				        <span class="icon-style"></span>
				        <span class="icon-style"></span>
			        </button>
			    </div>
				<div class="nav_first collapse navbar-collapse" id="example-navbar-collapse">
					<div class="nav_logo"><a href="index.html"><img src="img/logo_02.png" alt="logo_02" class="img-responsive" /></a></div>
					<ul class="nav navbar-nav">
						<li><a href="index.html">首页</a></li>
						<li><a href="about_us.html">品牌介绍</a></li>
						<li><a href="news.html">新闻中心</a></li>
						<li><a href="product.html">产品中心</a></li>
						<li><a href="contact_us.html">联系我们</a></li>
						<li><a class="default" href="member_center.html">个人中心</a></li>
					</ul>
				</div>
				<div class="pay_text">
					<form>
						<h4>发货信息</h4>
						<div class="information">
							<ul>
								<li>
									<div class="place_message default_massage">
										<p>收货人：张彬彬</p>
										<p>所在地区：广东省 广州市 天河区 黄村街道</p>
										<p>邮编：000000</p>
										<p>电话：86-13*******01</p>
									</div>
									<a class="setup" href="###">设为默认地址</a>
								</li>
								<li>
									<div class="place_message">
										<p>收货人：张彬彬</p>
										<p>所在地区：广东省 广州市 天河区 黄村街道</p>
										<p>邮编：000000</p>
										<p>电话：86-13*******01</p>
									</div>
									<a class="setup" href="###">设为默认地址</a>
								</li>
								<li>
									<div class="place_message">
										<p>收货人：张彬彬</p>
										<p>所在地区：广东省 广州市 天河区 黄村街道</p>
										<p>邮编：000000</p>
										<p>电话：86-13*******01</p>
									</div>
									<a class="setup" href="###">设为默认地址</a>
								</li>
								<li>
									<div class="place_message">
										<p>收货人：张彬彬</p>
										<p>所在地区：广东省 广州市 天河区 黄村街道</p>
										<p>邮编：000000</p>
										<p>电话：86-13*******01</p>
									</div>
									<a class="setup" href="###">设为默认地址</a>
								</li>
								<li>
									<div class="place_message">
										<a class="add_message" href="address.html"></a>
									</div>
								</li>
							</ul>
						</div>
						<h4>发票服务</h4>
						<div class="Invoice_message">
							<div class="choice">
								<input type="checkbox" />需要发票，如需开发票需增加 0 % 税点
							</div>
							<ul>
								<li>
									<span>发票抬头</span>
									<div class="single Invoice_header">
										<input type="checkbox" />个人
									</div>
									<div class="single  Invoice_header">
										<input type="checkbox" />公司
									</div><br />
									<p>温馨提示：你填写的所有内容将被系统自动打印到发票上，所以千万别写于发票抬头无关的信息</p>
								</li>
								<li>
									<span>发票内容</span>
									<div class="single Invoice_content">
										<input type="checkbox" />电子产品
									</div>
									<div class="single Invoice_content">
										<input type="checkbox" />服装
									</div><br />
								</li>
							</ul>
						</div>
						<h4>选择支付方式</h4>
						<div class="select_pay">
							<div class="pay_method">
								<ul>
									<li>
										<input type="radio" name="method" id="zhifubao" /><label for="zhifubao"><img src="img/paymethod_01.jpg" alt="paymethod_01" /></label>
									</li>
									<li>
										<input type="radio" name="method" id="wangyin" /><label for="wangyin"><img src="img/paymethod_02.jpg" alt="paymethod_02" /></label>
									</li>
									<li>
										<input type="radio" name="method" id="caifutong" /><label for="caifutong"><img src="img/paymethod_03.jpg" alt="paymethod_03" /></label>
									</li>
								</ul>
							</div>
							<p>应付总金额<span>¥2364.00</span></p>
							<button type="button" onclick="window.location.href='order_detail.html'">提交订单</button>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!--content end-->
		
		<!--footer-->
		<div class="footer">
			<div class="container">
				<div class="row">
					<div class="text_position list_text col-xs-4 col-sm-4 col-md-3">
						<h4>公司地址</h4>
						<p>北京市海淀区北洼路9号院1号楼</p>
					</div>
					<div class="list_text col-xs-2 col-sm-2 col-md-2">
						<h4>公司电话</h4>
						<p>010-88583263</p>
					</div>
					<div class="list_text col-xs-3 col-sm-3 col-md-2">
						<h4>公司emali</h4>
						<p>JHV168@163.com</p>
					</div>
					<div class="list_text col-xs-3 col-sm-3 col-md-2">
						<h4>jhv自媒体平台</h4>
						<ul>
							<li class="pull-left"><a href="###"><img src="img/icon_01.png" alt="icon_01" /></a></li>
							<li class="pull-left"><a href="###"><img src="img/icon_02.png" alt="icon_01" /></a></li>
						</ul>
					</div>
					<div class="col-xs-12 col-sm-12 col-md-3">
						<span class="footer_text">© JHV中国官网. All rights reserved.</span>
					</div>
				</div>
			</div>
		</div>
		<!--footer end-->
	</body>
	<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/address.js"></script>
	<script type="text/javascript" src="js/nav_logo.js"></script>
	<!--[if lte IE 8]>
	<script src="js/respond.min.js"></script>
	<script src="js/html5shiv.min.js"></script>
	<![endif]-->
</html>
